/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04/03/2014, 19:33:34
    Author     : azusdex
*/

.login_container {
    width: 320px;
    height: 220px;
    margin: 190px auto;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 0 450px #6d6d6d;
}

.login_container_header {
    width: 320px;
    height: 30px;
    background: #6d6d6d;
    border-radius: 3px 3px 0 0;
}

.login_container_header span {
    position: absolute;
    margin-left: 15px;
    padding-top: 6px;
    font-family: 'arial';
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
}

.login_container_forgot {
    width: 100%;
    text-align: center;
}

.login_container_forgot a {
    font-family: 'arial';
    font-size: 13px;
    color: #ffa84c;
}

.login_form {
    width: 320px;
    margin-top: 10px;
}

.login_form tbody tr {
    margin-top: 10px;
}

.login_form tbody tr td input[type=text], .login_form tbody tr td input[type=password] {
    margin: 5px 10px 0px 10px;
    width: 280px;
    border: 1px solid #6d6d6d;
    font-family: "arial";
    border-radius: 3px;
    padding: 5px 5px 5px 5px;
    color: #4c4c4c;
    background: #cccccc; /* Old browsers */
    background: -moz-linear-gradient(top,  #cccccc 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cccccc 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cccccc 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cccccc 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cccccc 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

input[type=text]:hover, input[type=password]:hover {
    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(top,  #e2e2e2 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e2e2e2 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e2e2e2 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e2e2e2 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e2e2e2 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
}

.login_form_error {
    color: red;
    text-align: center;
    margin-top: 10px;
    font-family: 'arial';
    font-size: 13px;
    min-height: 15px;
}

.login_form_success {
    color: #6d6d6d;
    text-align: center;
    margin-top: 10px;
    font-family: 'arial';
    font-size: 13px;
    min-height: 15px;
}

#login_button, #reset_button, #done_reset_button {
    margin: 5px 10px 0px 10px;
    padding: 5px;
    width: 293px;
    border: 1px solid #ff7b0d;
    border-radius: 3px;
    font-family: "arial";
    font-weight: bold;
    color: #ffffff;
    background: #ffa84c; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); 
}

#login_button:hover, #reset_button:hover, #done_reset_button:hover {
    background: #ff7b0d; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff7b0d 0%, #ffa84c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7b0d), color-stop(100%,#ffa84c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff7b0d 0%,#ffa84c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff7b0d 0%,#ffa84c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff7b0d 0%,#ffa84c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff7b0d 0%,#ffa84c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#ffa84c',GradientType=0 ); /* IE6-9 */
}

#done_reset_button {
    width: 293px;
    height: 25px;
    margin-left: 14px;
    margin-top: 90px;
    text-align: center;
    padding-top: 5px;
}

#done_reset_button a {
    text-decoration: none;
    color: #ffffff;
}

.stay_on_line td {
    width: 200px;
    height: 15px;
}

.checkbox_list {
    margin: 0;
    padding: 0;
}

.checkbox_list li {
    display: inline;
    margin: 0;
    padding: 0;
}

.checkbox_list li input[type=checkbox] {
    margin-left: 15px;
}

.checkbox_list li label {
    position: absolute;
    color: #6d6d6d;
    font-family: 'arial';
    font-size: 13px;
}

